<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>登陆注册表单</title>
    <link rel="stylesheet" href="./sign-in.css">

</head>

<body>
    <div class="container right-panel-active">

        <!-- 登陆 -->
        <div class="container__form container--signin">
            <form action="#" class="form" id="form2">
                <h2 class="form__title"> 登陆</h2>
                <input type="text" placeholder="用户名" class="input" id="username2" required></input>
                <input type="password" placeholder="密码" class="input" id="password2" required></input>
                <a href="http://www.baidu.com" class="link">忘记密码?</a>
                <button id="btn2" onclick="sendtext()"">登陆</button>
            </form>
        </div>
        <!-- 注册 -->
        <div class=" container__form container--signup">
                    <form action="#" class="form" id="form1">
                        <h2 class="form__title">注册</h2>
                        <input type="text" placeholder="用户名" class="input" id="username1" required></input>
                        <input type="password" placeholder="请输入密码" class="input" id="password1" required></input>
                        <input type="password" placeholder="请再次密码" class="input" id="password3" required></input>
                        <button id="btn1" onclick="sign()">注册</button>
                    </form>
        </div>



        <!--运动模块-->
        <div class=" container__overlay">
            <div class="overlay">
                <div class="overlay__panel overlay--left">
                    <button class="btn" id="signIn">已有账号？速来登陆</button>
                </div>
                <div class="overlay__panel overlay--right">
                    <button class="btn" id="signUp">没有账号？速来注册</button>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="./sign-in.js"></script>

</html>